<script>
    var initPage8 = function () {
        $("#page-8").css("display", "block");
        $("#page-8").css({
            "z-index": 10
        });
        setTimeout(function () {

            blinkPage8Hui(function () {
                showPage8Line(function () {
                    $("#page-8 .zs-1").show();
                    $("#page-8 .zs-2").show();
                    setTimeout(function () {
                        showPage8M(function () {
                            setTimeout(function () {
                                hidePage8M(function () {
                                    $("#page-8 .zs-1").removeClass("fadeIn");
                                    $("#page-8 .zs-2").removeClass("fadeIn");
                                    setTimeout(function () {
                                        $("#page-8 .zs-1").addClass("fadeOut");
                                        $("#page-8 .zs-2").addClass("fadeOut");
                                    }, 200);
                                    hidePage8Line(function () {
                                        $("#page-8").hide();
                                        endPage8();
                                    });
                                });
                            }, 3e3);
                        });
                    }, 800);
                });
            });
        }, 500)
    }

    var showPage8Line = function (cb) {
        $("#page-8 .line").animate({
            width: "4.421875rem"
        }, 800, "linear", function () {
            cb && cb();
        });
    }

    var hidePage8Line = function (cb) {
        $("#page-8 .line").animate({
            width: "0"
        }, 800, "linear", function () {
            cb && cb();
        });
    }

    var blinkPage8Hui = function (cb) {
        cb && cb();
        return;
        var t = 300;
        $("#page-8 .uphui").animate({
            "opacity": "1"
        }, t, "linear", function () {
            $("#page-8 .uphui").animate({
                "opacity": "0"
            }, t, "linear", function () {
                $("#page-8 .uphui").animate({
                    "opacity": "1"
                }, t, "linear", function () {
                    $("#page-8 .uphui").animate({
                        "opacity": "0"
                    }, t, "linear", function () {
                        cb && cb();
                    })
                })
            })
        })
    }

    var showPage8M = function (cb) {
        $("#page-8 .uphui").css("opacity", 1);
        $("#page-8 .zs-3").animate({
            'transform': 'translate(0,0)',
            '-webkit-transform': 'translate(0,0)',
            'opacity': 1
        }, 800, "linear", function () {
            cb && cb();
        });
    }

    var hidePage8M = function (cb) {
        $("#page-8 .zs-3").animate({
            'transform': 'translate(-0.8125rem,-2.93229rem)',
            '-webkit-transform': 'translate(-0.8125rem,-2.93229rem)',
            'opacity': 0
        }, 800, "linear", function () {
            $("#page-8 .uphui").css("opacity", 0);
            cb && cb();
        });
    }
</script>